﻿<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="Keywords" content="" />
	<meta name="description" content="" />
	<title>隐患排查治理首页</title>

	<link rel="stylesheet" type="text/css" href="content/default/css/common.css">
	<script type="text/javascript" src="content/common/rem.js"></script>
	<style>
		.hiddenSortUl{
			padding:30px;
			height: 600px;
		}
		.hiddenSortUl li{
			overflow: hidden;
		}
		.hiddenSortUl p{
			float:left;
			font-size:14px;
			color:#666;
			height: 16px;
			line-height: 16px;
			margin-bottom: 10px;
		}
		.hiddenSortUl p.active{
			background:#206dee;
			color:#fff;
		}
		.hiddenSortUl > li p:first-child{
			border-radius: 50%;
			width:16px;
			margin-right:8px;
			text-align: center;
		}
		.hiddenSortUl > li p:last-child{
			float:right;
		}
	</style>
</head>
<body>
	<ul class="hiddenSortUl">
		<li>
			<p class="active">1</p>
			<p>华电四川发电有限公司</p>
			<p>
				12
			</p>
		</li>
		<li>
			<p class="active">2</p>
			<p>华电四川发电有限公司</p>
			<p>
				1
			</p>
		</li>
		<li>
			<p class="active">3</p>
			<p>华电四川发电有限公司</p>
			<p>
				2
			</p>
		</li>
		<li>
			<p>4</p>
			<p>华电四川发电有限公司</p>
			<p>
				4
			</p>
		</li>
		<li>
			<p>5</p>
			<p>华电四川发电有限公司</p>
			<p>
				5
			</p>
		</li>
		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>
		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

		<li>
			<p>6</p>
			<p>华电四川发电有限公司</p>
			<p>
				6
			</p>
		</li>

	</ul>
	<script type="text/javascript" src="content/common/jquery-3.3.1.min.js"></script>
	<script src="content/common/nicescroll.min.js"></script>
	<script>
		$('.hiddenSortUl').niceScroll()
	</script>
</body>

</html>